<!DOCTYPE html>
<html lang="{{=T.accepted_language or 'en'}}" oncontextmenu="return false;">
  <head>
    
    <script src="{{=URL('static','jquery-1.6.2.min.js')}}"></script> 
    <script src="{{=URL('static','common.js')}}"></script> 

    <script src="{{=URL('static','jquery.keyboard.min.js')}}"></script> 
    <script src="{{=URL('static','jquery.keyboard.extension-autocomplete.js')}}"></script> 
    <script src="{{=URL('static','jquery.keyboard.extension-typing.js')}}"></script> 

    <link href="{{=URL('static','keyboard.css')}}" rel="stylesheet" type="text/css">
    <link href="{{=URL('static','common.css')}}" rel="stylesheet" type="text/css">
    <link href="{{=URL('static','modalBox.css')}}" rel="stylesheet" type="text/css">

  </head>
 
  <body> 

    <div class="page3Container fLeft">

        <div class="page3Question">
            <div class="flagBlue">What image or object in this exhibition moved you most?</div>
            <div class="flagRed bold centerText">Why?</div>
        </div>

        <div class="page3MainPanel"></div>
    
        <div class="keyboardContainer"></div>
        
        <div class="emailContainer"></div>
            
    </div>

    <div class="clear"></div>

  </body>

  <script type="text/javascript">

      page3AddDOMObjects('B');

      $(document).ready( function() { page3Ready( '{{=request.application}}' ); } );

      page3Begin( '{{=request.application}}', 'B' );

  </script>

</html>
